<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ taglib prefix="security" uri="http://www.springframework.org/security/tags" %>
    <script language="javascript" type="text/javascript">
    var pagesize=10;
    var pagecount=${model.pagecount };
    var resultcount=${model.resultcount };
    var currentpage=${model.currentpage };
    var photos=new Array();
    <%! int i=0;%><%i=0;%><c:forEach items="${model.photo }" var="p">photos[<%=i%>]=["${p.id }", "${p.title }", "${p.description }","${p.lastviewed }","${p.uploaded }","${p.view }","${p.userName }","${p.competitionName }","${p.previewid }","${p.voted }","<c:forEach items="${p.tags }" var="t">${t.word};</c:forEach>"];
    <%i=i+1;%></c:forEach>
    <%i=0;%><c:forEach items="${model.rawid }" var="r">photos[<%=i%>][11]="<c:forEach items="${r }" var="t">${t};</c:forEach>";
    <%i=i+1;%></c:forEach>
    </script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript"
	src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<title>Insert title here</title>
</head>
<body onload="javascript:showresult(currentpage);">
    <script src="js/photolist.js" language="javascript"></script>
<security:authorize ifAllGranted="ROLE_ADMIN">message</security:authorize>
<div id="template" style="display:none;">
<table><tr><td>
<a href='photo_photopreviewid.jpg' rel='lightbox' title='phototitle'>
<img src='preview_photopreviewid.jpg'/></a>
</td></tr><tr><td>
Title:phototitle
</td></tr><tr><td>
Descriptionphotodescription
</td></tr><tr><td>
Viewed:photoviewed
</td></tr><tr><td>
Voted:photovoted
</td></tr></table></div>
<div id="navigate"></div>
<div id="resultdiv">
<table><tr>
<td><div id="div0"></div></td>
<td><div id="div1"></div></td>
<td><div id="div2"></div></td>
<td><div id="div3"></div></td>
<td><div id="div4"></div></td></tr>
<tr><td><div id="div5"></div></td>
<td><div id="div6"></div></td>
<td><div id="div7"></div></td>
<td><div id="div8"></div></td>
<td><div id="div9"></div></td></tr>
</table>
</div>
<a href="http://www.huddletogether.com/projects/lightbox2/images/image-3.jpg" rel="lightbox[roadtrip1]" 
title="Raccoons and Baby Bottles">
<img src="http://www.huddletogether.com/projects/lightbox2/images/thumb-3.jpg" width="60" height="60" alt="" 
/></a>
<a href="http://www.huddletogether.com/projects/lightbox2/images/image-4.jpg" rel="lightbox[roadtrip1]" 
title="Raccoons and Baby Bottles">
</a>
<a href="http://www.huddletogether.com/projects/lightbox2/images/image-5.jpg" rel="lightbox[roadtrip1]" 
title="Raccoons and Baby Bottles">
</a>
<a href="http://www.huddletogether.com/projects/lightbox2/images/image-6.jpg" rel="lightbox[roadtrip1]" 
title="Raccoons and Baby Bottles">
</a>
</body>
</html>